<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>{$footcompany.web_site_title}</title>    
    <meta name="keywords" content="{$footcompany.web_site_keyword}">
    <meta name="description" content="{$footcompany.web_site_description}">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/index/css/page.css"/>
    <link rel="stylesheet" href="/static/index/css/plugins-2.2.css">
    <link rel="stylesheet" href="/static/index/css/theme-2.2.css">
    <link href="{$footcompany.web_site_ico}" type="image/x-icon" rel="shortcut icon" />
    <style>
    .page-title-white{ color:#ffffff!important; font-size: 40px; letter-spacing: -2.2px; font-weight:100;font-family:微软雅黑;  }
        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }

        .box-inner7 img {
            width: 100%;
        }

        .qdr-col-6 > * {
            padding: 9px;
        }

        .page-title{
            line-height: 56px;
        }
        .page-title-white{
            line-height: 56px;
        }
        .box-inner7{ height:593px;padding:0;border-radius:10px; }
        .box-inner7 img { width:100%; }
        .qdr-col-6>* { padding:9px; }
        .twentytwenty-overlay:hover{ display: none; }
        .twentytwenty-container img{ width: 100%; }
        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{ background-color:#fff; box-shadow: none; width: 4px; }
        .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{background-color:#fff; box-shadow: none;height: 2px;}
        .twentytwenty-handle{background-color: #d82950; cursor:move; border-color: #d82950;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);opacity: 0.5;-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
        .twentytwenty-handle:active{ background-color:#4542d5; border-color:#4542d5; }
        .twentytwenty-container:hover .twentytwenty-handle{opacity: 1;}
        .twentytwenty-left-arrow{border-right-color:#fff;}
        .twentytwenty-right-arrow{border-left-color:#fff;}
        .twentytwenty-up-arrow{border-bottom-color:#fff;}
        .twentytwenty-down-arrow{border-top-color:#fff;}
        .twentytwenty-before-label:before, .twentytwenty-after-label:before{ font-weight: 600; text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
    </style>

    <style>
        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }

        .box-inner7 img {
            width: 100%;
        }

        .qdr-col-6 > * {
            padding: 9px;
        }

        .page-title{
            line-height: 56px;
        }
        .page-title-white{
            line-height: 500px !important;
        }
        .box-inner7{ height:593px;padding:0;border-radius:10px; }
        .box-inner7 img { width:100%; }
        .qdr-col-6>* { padding:9px; }
        .twentytwenty-overlay:hover{ display: none; }
        .twentytwenty-container img{ width: 100%; }
        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{ background-color:#fff; box-shadow: none; width: 4px; }
        .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{background-color:#fff; box-shadow: none;height: 2px;}
        .twentytwenty-handle{background-color: #d82950; cursor:move; border-color: #d82950;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);opacity: 0.5;-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
        .twentytwenty-handle:active{ background-color:#4542d5; border-color:#4542d5; }
        .twentytwenty-container:hover .twentytwenty-handle{opacity: 1;}
        .twentytwenty-left-arrow{border-right-color:#fff;}
        .twentytwenty-right-arrow{border-left-color:#fff;}
        .twentytwenty-up-arrow{border-bottom-color:#fff;}
        .twentytwenty-down-arrow{border-top-color:#fff;}
        .twentytwenty-before-label:before, .twentytwenty-after-label:before{ font-weight: 600; text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
    </style>
    <style type="text/css">
        .text-l{
          text-align: center;
        }
        .pagination{text-align:center;margin-top:20px;margin-bottom: 20px;}  
        .pagination li{margin:0px 5px; border:10px solid #e6e6e6;padding: 1px 2px;display: inline-block;font-size: 24px;}  
        .pagination .active{background-color: #dd1a20;color: #fff;}  
        .pagination .disabled{color:red;}  
  </style>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?44fef1192859f3af7b9e0f9c8d176512";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<!-- jQuery -->
<script type="text/javascript" src="/static/index/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/index/js/scripts-2.2.js"></script>
<style>
    .page-desc {
        line-height: 20px;
        margin-top: 4px;
    }
    .articles-list {
        overflow: hidden;
    }
    .case{
        height:500px;
        margin-top: 70px;
        background: url({$banner.img}) no-repeat 100%;
        background-size:cover;
    }
</style>
<style>
    
    .top-row-container {
        background-color: #f6f8fb;
        color: #515d71;
    }
    .common-box{
        width: 1400px;
        margin: 0 auto;
    }

    /*蓝色按钮样式覆盖 start*/
    #navigation.modern.white-nav .nav .nav-blue-btn {
        background: #236ffb;
        height: 33px;
        margin-top: 18px;
        line-height: 33px;
        color: white;
        box-shadow: 0 6px 10px 0 rgba(35, 111, 251, .2);
        border-radius: 2px;
        text-align: center;
        width: 108px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        text-decoration: none;
    }
    #navigation.modern.white-nav .nav a.nav-blue-btn:hover{
        opacity: 1;
    }
    /*蓝色按钮样式覆盖 end*/
/*    top row */
    .fl{
        float: left
    }
    .fr{
        float: right;
    }
    .f-w-b {
        font-weight: 700;
    }
    .top-row-container .top-row .city-highlight {
        color: #236ffb;
    }
    .top-row-container .top-row .space-r{
        margin-right: 24px;
    }
    .top-row-container .top-row .phone-box {
        display: inline-block;
        vertical-align: middle;
    }
    .top-row-container .top-row .common-icon {
        margin-right: 5px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
    }
    .top-row-container .navigation-icon-1 {
        display: inline-block !important;
    }
    .top-row-container .top-row span {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }
    .top-row-container .top-row .btn-list .item {
        height: 22px;
        line-height: 22px;
        margin-left: 27px;
        text-align: left;
        display: inline-block;
    }
    .top-row-container .top-row .btn-list .item .icon {
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
    }
    .top-row-container .top-row .btn-list .item .icon-1 {
        /* width: 16px; */
        height: 22px;
    }
    .top-row-container .top-row .btn-list .item .icon-2 {
        /* width: 22px; */
        height: 22px;
    }
    .top-row-container .top-row .btn-list .item .name{
        color: #515d71;
        font-size: 16px;
        font-weight: 700;
    }

.pagination{ text-align: center;font-size: 15px;padding: 10px 0;display:inline-block}
.pagination li{float: left;color: #fff;height:50px;}
.pagination a,.pagination span{display: inline-block;height: 45px;line-height: 35px;border: 1px solid #ddd;border-radius: 4px;text-decoration: none;color: #00060b;cursor: pointer;  margin-right:5px;padding:5px 15px;font-size: 15px !important;}
.pagination a:hover:not(.disabled):not(.current),.pagination span:hover:not(.disabled):not(.current){color:#00060b}
.pagination a.disabled,.pagination span.disabled{color: #fff;background: #2470dd;cursor: no-drop;border: 1px solid #ddd;}
.pagination a.current,.pagination span.current{color: #fff;background: #2470dd;border: 1px solid #f04848;}
{if $banner.img eq ''}
    .container-xxl{margin-top: 80px !important;}
{/if}
</style>
<body>
{if $banner.img neq ''}
<section class="case">
    <div class="container t-center">
        <h1 class="page-title-white animated" data-animation="fadeInUp" data-animation-delay="250">{$banner.title}</h1>
    </div>
</section>
{/if}
<!-- NAVIGATION -->
{include file="../application/index/view/common/header.html" /}
<!-- Container for cols -->
<div class="container-xxl clearfix">
    <!-- Row for cols -->
    <div class="row no-mx">
        <!-- Col -->
        <div class="col-lg-6 offset-lg-2 col-md-12 col-12 sm-pr xxs-px-mobile" style="    padding-bottom: 30px;">
            <div class="article-stitle ">
                <h3 style="display: inline-block;"><a style="font-size: 14px;display: inline;color: #a4a4a4" href="{$local_host}">首页</a></h3>
                &gt;
                <h2 style="display: inline-block;"><a style="font-size: 14px;display: inline;color: #a4a4a4" href="">资讯</a></h2>
            </div>
            <div class="pagelist">
                {foreach name="data" item="vo"}
                <a href="/a/{$vo.id}" title="{$vo.title}" target="_blank"></a>
                <div class="articles-list"><a href="/a/{$vo.id}" title="{$vo.title}" target="_blank">
                    <div class="article-pic">
                        <img src="{$vo.photo}">
                    </div>
                    </a><div class="article-content">
                        <a href="/a/{$vo.id}" title="{$vo.title}" target="_blank">
                            <h5 class="page-desc">{$vo.create_time}</h5>
                            <h5 class="article-list-title">{$vo.title}</h5>
                        </a>
                        <h5 class="page-desc">
                            <a href="/a/{$vo.id}" title="{$vo.title}" target="_blank">
                                标签 :
                                </a>
                                {foreach name="vo.labels" item="vb"}
                                <a target="_blank" class="underline-hover" href="/article?label={$vb.id}" title="app开发公司">{$vb.name}</a>
                                {/foreach} 
                        </h5>                                
                        <a href="/a/{$vo.id}" title="{$vo.title}" target="_blank"><p class="page-desc">{$vo.remark}</p></a>
                    </div>
                </div>
                {/foreach}
            </div>
        <div class="t-center" style="margin-top: 16px;">
            <div id="pageBar">{$page}</div>
            </div>
        </div>
        <input class="wheres" value="0" name="wheres" type="hidden">
        <input class="label" value="{$label}" name="label" type="hidden"> 
        <!-- 右侧咨询封装模块-->
        {include file="../application/index/view/common/catelist.html" /}
    </div>
</div>
<!-- End Container for cols -->
{include file="../application/index/view/common/foot.html" /}
<!-- FOOTER -->
<!--咨询弹框-->

<style>
    .contact-popup-container {
        width: 100%;
        height: 100%;
        z-index: 1000;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 2000;
    }

    .contact-popup-container .contact-popup-fix {
        width: 580px;
        height: 260px;
        z-index: 1100;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -130px;
        margin-left: -290px
    }

    .contact-popup-container .contact-popup-fix .contact-popup {
        width: 100%;
        height: 100%;
        position: relative
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup {
        width: 100%;
        height: 100%;
        padding: 52px 47px;
        z-index: 1120;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-1 {
        line-height: 1;
        margin-bottom: 4px;
        font-family: AlibabaPuHuiTiR;
        font-size: 22px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-2 {
        line-height: 1;
        margin-bottom: 19px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-3 {
        line-height: 1;
        margin-bottom: 4px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #fff
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-4 {
        line-height: 1;
        margin-bottom: 29px;
        font-family: AlibabaPuHuiTiB;
        font-size: 28px;
        color: #fff;
        font-weight: 700
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-5 {
        line-height: 1;
        font-family: AlibabaPuHuiTiR;
        font-size: 22px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-6 {
        line-height: 1;
        font-family: AlibabaPuHuiTiM;
        font-size: 24px;
        color: #fff
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode {
        width: 148px;
        height: 148px;
        padding: 5px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 78px;
        right: 46px
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode .icon {
        width: 100%;
        height: 100%
    }

    .contact-popup-container .contact-popup-fix .contact-popup .bg {
        width: 100%;
        height: 100%;
        z-index: 1110;
        position: absolute;
        top: 0;
        left: 0
    }

    .contact-popup-container .contact-popup-fix .contact-popup .close {
        width: 50px;
        height: 50px;
        z-index: 1130;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0
    }

    .contact-popup-container .contact-popup-fix .contact-popup .close .icon {
        width: 13px;
        height: 13px;
        position: relative;
        top: 14px;
        right: -25px
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup {
        background-color: #fff
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-1 {
        color: #191c3d;
        opacity: 1
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-2 {
        color: #191c3d;
        opacity: 1
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-7 {
        line-height: 1;
        margin-bottom: 5px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #236ffb
    }
</style>
<!-- 联系我们弹框 -->
<div class="contact-popup-container contact-popup-container-2" style="display:none;">
    <div class="contact-popup-fix">
        <div class="contact-popup">
            <div class="popup">
                <p class="text-1">您好！</p>
                <br>
                <p class="text-2">咨询热线：</p>
                <p class="text-7">400-680-1500</p>
                <p class="text-1" style="font-size: 14px;margin-top: 11px;">扫码加顾问微信 --></p>

                <div class="wxqrcode">
                    <img class="icon" src="/static/index/picture/7.png">
                </div>
            </div>
            <img class="bg" src="/static/index/picture/71.png">
            <div class="close contact-popup-close-btn" title="关闭">
                <img class="icon" src="/static/index/picture/5.png">
            </div>
        </div>

    </div>
</div>

<script>
    $(function () {
        // 点击关闭联系我们
        $('.contact-popup-close-btn').click(function () {
            $('.contact-popup-container').hide();
        })

        // 打开
        $('.concat-me-btn').click(function () {
            $('.contact-popup-container').show()
        })
    })
</script>
<!-- Back To Top -->
</body>
</html>